<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no" />
    <meta name="renderer" content="webkit">
    <meta name="keywords" content="{$navCur.keywords}"/>
    <meta name="description" content="{$navCur.description}"/>
    <title>{$navCur.seotitle}_{$config.site_name}</title>
    <link rel="stylesheet" href="__CDN__/assets/addons/wwh/css/swiper.min.css">
    <link rel="stylesheet" href="__CDN__/assets/addons/wwh/css/style.css">
    <link rel="stylesheet" href="__CDN__/assets/addons/wwh/css/media.css">
    <link rel="stylesheet" href="__CDN__/assets/addons/wwh/css/animate.min.css">
    <script type="text/javascript" src="__CDN__/assets/addons/wwh/js/jquery.min.js"></script>
    <script type="text/javascript" src="__CDN__/assets/addons/wwh/js/style.js"></script>
    <script type="text/javascript" src="__CDN__/assets/addons/wwh/js/wow.min.js"></script>
    <script type="text/javascript" src="__CDN__/assets/addons/wwh/js/index.js"></script>
    <link rel="shortcut icon" href="__CDN__/assets/addons/wwh/images/favicon.ico">
</head>
<body>
<!--头部-->
{include file="header" /}
<!--内容-->
<div id="bann" style="background-image: url({$config.banner1|cdnurl});">
    <div class="container">
        <div class="t1 wow fadeInUp" data-wow-delay="200ms">
            {$config.ban1_t1}<br>
        </div>
        <div class="t2 wow fadeInUp" data-wow-delay="300ms">
            <span>{$config.ban1_t2}</span>
        </div>
    </div>
</div>

<div class="nav_pc hide wow fadeInLeft" id="nav" data-wow-delay="400ms">
    <div class="container">
        <a class="home" href="{:addon_url('wwh/index/index')}"><img src="__CDN__/assets/addons/wwh/images/home_ico.png" style="background-color: #0f6ab4;" alt=""></a>
        <div class="first">
            <h4>{if condition="($navCur.parent_id == '0')"} {$navCur.name} {else /} {$top.name} {/if}</h4>
            <ul>
                {volist name="nav" id="v"}
                {if condition="($v.classify == 'product') OR ($v.type == 'link')"}
                {else /}
                <li><a href="{:addon_url('wwh/index/column', [':diyname'=>$v.diyname])}">{$v.name}</a></li>
                {/if}
                {/volist}
            </ul>
        </div>
        <ul class="second" id="navigation">
            <li onmouseover="displaySubMenu(this)" onmouseout="hideSubMenu(this)"> <h4 class="arrow">{if condition="($navCur.parent_id == '0')"}产品分类{else /}{$navCur.name}{/if}</h4>
                <ul>
                    {volist name="nav" id="v"}
                    {if condition="($v.classify == 'product')"}
                    {volist name="v.childlist" id="vv"}
                    <li onmouseover="displaySubMenu(this)" onmouseout="hideSubMenu(this)"> <a href="{:addon_url('wwh/index/column', [':diyname'=>$vv.diyname])}" class="menu1">{$vv.name}</a>
                        <ul>
                            {volist name="vv.childlist" id="vvv"}
                            <li onmouseover="displaySubMenu(this)" onmouseout="hideSubMenu(this)"><a href="{:addon_url('wwh/index/column', [':diyname'=>$vvv.diyname])}" class="menu2">{$vvv.name}</a>
                                <ul>
                                    {volist name="vvv.childlist" id="vvvv"}
                                    <li><a href="{:addon_url('wwh/index/column', [':diyname'=>$vvvv.diyname])}" class="menu3">{$vvvv.name}</a></li>
                                    {/volist}
                                </ul>
                            </li>
                            {/volist}
                        </ul>
                    </li>
                    {/volist}
                    {else /}
                    {/if}
                    {/volist}
                </ul>
            </li>
        </ul>
    </div>
</div>
<div class="nav_phone hide container ">
    {volist name="nav" id="v"}
    {if condition="($v.classify == 'product') OR ($v.type == 'link')"}
    <p><a href="{:addon_url('wwh/index/column', [':diyname'=>$v.diyname])}">{$v.name}</a></p>
    {else /}
    {/if}
    {/volist}
    {if condition="($navCur.parent_id == '0')"}
    <p><a>产品分类</a></p>
    {else /}
    <p><a href="{:addon_url('wwh/index/column', [':diyname'=>$navCur.diyname])}">{$navCur.name}</a></p>
    {/if}
</div>

<div class="pn-box">
    <div class="pn-title">
        <span>产</span>
        <span>品</span>
        <span>分</span>
        <span>类</span>
    </div>
    <div class="pn-list">
        <ul class="f-cb">
            {volist name="nav" id="v"}
            {if condition="($v.classify == 'product')"}
            {volist name="v.childlist" id="vv"}
            <li>
                <div {if condition="$vv.id eq $navCur.id"}class="pn-tit-one cut pn-tit" {else /} class="pn-tit-one pn-tit" {/if} href="javascript:;"><a href="{:addon_url('wwh/index/column', [':diyname'=>$vv.diyname])}" >{$vv.name}</a></div>
                <div class="pn-con-one pn-content">
                    {volist name="vv.childlist" id="vvv"}
                    <div {if condition="$vvv.id eq $navCur.id"}class="pn-tit-two cursleect cur pn-tit" {else /} class="pn-tit-two pn-tit" {/if} href="javascript:;"><a href="{:addon_url('wwh/index/column', [':diyname'=>$vvv.diyname])}">{$vvv.name}</a></div>
                    {if $vvv.childlist}
                    <div class="pn-con-two pn-content">
                        {volist name="vvv.childlist" id="vvvv"}
                        <a {if condition="$vvvv.id eq $navCur.id"}class="pn-tit-three cut cursleect font-blod pn-tit" {else /} class="pn-tit-three  pn-tit" {/if} href="{:addon_url('wwh/index/column', [':diyname'=>$vvvv.diyname])}">&nbsp;&nbsp;{$vvvv.name}</a>
                        {/volist}
                    </div>
                    {/if}
                    {/volist}
                </div>
            </li>
            {/volist}
            {else /}
            {/if}
            {/volist}
        </ul>
    </div>
</div>

<div id="product">
    <div class="container">
        <div class="pro-list">
            {volist name="list" id="v"}
            <a class="item wow fadeInUp" data-type="volist" href="{:addon_url('wwh/index/archives', [':diyname'=>$navId[$v.column_id]['diyname'], ':id'=>$v.id])}">
                <div class="pic">
                    <img src="{$v.image|cdnurl}" alt="{$v.title}">
                </div>
                <div class="info">
                    <p class="t1 over-line1">{$v.title}</p>
                    <p class="t2 over-line2">{$v.p_pn}</p>
                </div>
            </a>
            {/volist}
        </div>
        <div class="fenye wow fadeInUp" data-wow-delay="300ms">{$page}</div>
    </div>
</div>
<!--底部-->
{include file="footer" /}
<script type="text/javascript">
    $('.nav_pc .first, .nav_pc .second').on('mouseenter mouseleave', function () {
        $(this).children('ul').stop().slideToggle()
    });

    function displaySubMenu(li) {
        var subMenu = li.getElementsByTagName("ul")[0]; subMenu.style.display = "block";
    }
    function hideSubMenu(li) {
        var subMenu = li.getElementsByTagName("ul")[0]; subMenu.style.display = "none";
    }
</script>
</body>
</html>
